
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="format-detection"content="telephone=no, email=no" />
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="HandheldFriendly" content="true">
  <meta name="MobileOptimized" content="640">
  <meta name="screen-orientation" content="portrait">
  <meta name="x5-orientation" content="portrait">
  <meta name="full-screen" content="yes">
  <meta name="x5-fullscreen" content="true">
  <meta name="browsermode" content="application">
  <meta name="x5-page-mode" content="app">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <script>
    ;(function(){
      var config  ={};
      var config_width = 640,
        config_height = 0,
        html = document.documentElement,
        delay, setSize = function() {
          config.windowWidth = html.clientWidth || window.innerWidth || html.getBoundingClientRect().width;
          config.windowHeight = html.clientHeight || window.innerHeight || html.getBoundingClientRect().height;
          config.aspectRatio = config.windowWidth / config.windowHeight;
    
          if (!config_width || config.aspectRatio > config_width / config_height) {
            config.windowScale = config_height / config.windowHeight;
            html.style.cssText += 'font-size:' + config.windowHeight * 100 / config_height + 'px!important;';
          } else {
            config.windowScale = config_width / config.windowWidth;
            html.style.cssText += 'font-size:' + config.windowWidth * 100 / config_width + 'px!important;';
          }
          html.offsetWidth;
        }
      if (!config_height && !config_width) {
        config_width = 640;
      }
      setSize();
      document.addEventListener('DOMContentLoaded', function() {
        window.addEventListener('resize', function() {
          clearTimeout(delay);
          delay = setTimeout(setSize, 50);
        }, false);
      }, false);      
    })();
  </script>
  <title>华帝特工</title>
  <link rel="stylesheet" href="css/style.css">
  <script src="js/jquery.js"></script>
  <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <script src="js/fastclick.js"></script>
  <script src="js/main.js"></script>
  <script src="js/share.js"></script>
  <script>

    var _wxData = {
        shareTitle: '这是一个高颜值也不一定能完成的任务！',
        shareDesc: '爆发你的特工本能，完成极智任务的挑战吧！',
        shareLink: location.href.split('#')[0],
        shareImgUrl: 'http://vatti-spy.new.gdinsight.com/images/pic_share.jpg'
    };
    $(function () {
      _pWxShare.init(_wxData, function(data) {
        var signPackage = data;
        wx.config({
          "appId": signPackage.appId,
          "timestamp": signPackage.timestamp,
          "nonceStr": signPackage.nonceStr,
          "signature": signPackage.signature,
          jsApiList: [
          'checkJsApi',
          'onMenuShareTimeline',
          'onMenuShareAppMessage',
          'onMenuShareQQ',
          'onMenuShareWeibo',
          'onMenuShareQZone',
          'startRecord',
          'stopRecord',
          'translateVoice'
          ]
        });
        wx.ready(function(res) {
          // console.log(JSON.stringify(res));
          wx.startRecord();
          setTimeout(function(){
            wx.stopRecord();
          }, 2000);
        });
        wx.error(function(res) {
            // console.log(JSON.stringify(res));
        });
      });
      _wxData.shareLink = location.href.split('?')[0];
      _pWxShare.share(_wxData,function(res){
          // _AJAX.post({"func":"saveShareInfo",type:res});
      });
      // _AJAX.post({"func":"savePvUvInfo"});
    });

    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?f16dd9dd2ca20528642f3c93be9dac1f";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    
  </script>
</head>

<body>
  <div class="audio">
    <audio id="bg" src="other/bg.mp3" loop></audio>
    <audio id="effect" src="other/effect.mp3" loop></audio>
    <audio id="effect_bt" src="other/xxx.mp3"></audio>
  </div>
  <div class="wrap">
    <section class="header on">
      <!-- <div class="btn btn_cancel"><a href="javascript:void(0);"></a></div> -->
      <div class="btn btn_go"><a href="javascript:void(0);"></a></div>
      <!-- <div class="start">
        <div class="icon"></div>
      </div> -->
    </section>
    <section class="index">
      <div class="video">
        <video id="video1" src="other/1.mp4" x5-video-player-fullscreen="true" x5-video-player-type="h5" width="100%" x-webkit-airplay="allow" preload="" playsinline="" webkit-playsinline=""></video>
        <video id="video2" src="other/2.mp4" x5-video-player-fullscreen="true" x5-video-player-type="h5" width="100%" x-webkit-airplay="allow" preload="" playsinline="" webkit-playsinline=""></video>
        <video id="video3" src="other/3.mp4" x5-video-player-fullscreen="true" x5-video-player-type="h5" width="100%" x-webkit-airplay="allow" preload="" playsinline="" webkit-playsinline=""></video>
      </div>
      <div class="part part1">
        <div class="prompt"></div>
        <div class="box item1">
          <div class="min"></div>
          <div class="max"></div>
        </div>
        <div class="result complete"></div>
        <div class="result fail"><div class="text"></div></div>
      </div>
      <div class="part part2">
        <div class="prompt">
          <div class="btn_start"></div>
        </div>
        <div class="result complete"></div>
        <div class="result fail"><div class="text"></div></div>
      </div>
      <div class="end">
        <div class="box">
          <div class="badge"></div>
          <!-- <div class="num"><span>99</span>%</div> -->
          <div class="text">特工称号：<strong>中级特工</strong><br>你激发的特工本能已超越全国<span>90%</span> 正常人！</div>
          <div class="btn_share"><a href="javascript:void(0);"></a></div>
          <div class="btn_again"><a href="javascript:void(0);"></a></div>
          <div class="btn_new"><a href="javascript:void(0);"></a></div>
          <div class="btn_cancal"><a href="javascript:void(0);"></a></div>
        </div>
      </div>
    </section>
    <div class="pop">
      <div class="part share">
        <div class="btn_cancel"></div>
      </div>
    </div>
    <div class="loading">
      <div class="text">【V-Tips】请将手机设置横屏模式，<br>并打开音效，进入任务</div>
    </div>
  </div>
  <script src="js/index.js"></script>
</body>
</html>






